$--color-primary: #0072e3;
$--color-success: #67c23a !default;
$--color-warning: #e6a23c !default;
$--color-danger: #f73131 !default;
$--color-info: black !default;

$--border-color-base: gray !default;
$--border-color-hover: rgb(72, 72, 72) !default;

$--color-text-regular: black !default;

$--color-text-placeholder: rgb(105, 105, 105) !default;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

// .el-message {
//   border-radius: 8px;
//   background-color: rgba(#000, 0.82);
// }

.el-popover {
  padding: 8px !important;
  margin-right: 12px;
  border-radius: 12px;
  box-shadow: 0px 0px 8px gray;
}

.el-popover.popoverStyle {
  padding: 0px !important;
  margin-right: 12px;
  border-radius: 12px;
  box-shadow: 0px 0px 0px gray;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #0072e3 !important;
}

.el-scrollbar__wrap {
  margin-bottom: -16px !important;
}

.el-date-table td.current:not(.disabled) span {
  background: #0072e3 !important;
}

.el-date-table td.today span {
  color: #0072e3 !important;
}

.el-date-table td:hover {
  color: #f73131 !important;
}

.start-date {
  span {
    background: #0072e3 !important;
  }
}

.end-date {
  span {
    background: #0072e3 !important;
  }
}

.el-range-input::placeholder {
  color: $--color-text-placeholder !important;
}

.el-range__icon {
  color: $--color-text-placeholder !important;
}

.el-select .el-input .el-select__caret {
  color: #222;
}

.el-select-dropdown__item {
  color: #222;
}

.el-select-dropdown__item.selected {
  color: #f4aa69 !important;
}

.el-select-dropdown__item:hover {
  color: #f4aa69;
}

.el-radio {
  color: #333 !important;
  font-weight: normal !important;
}

.el-autocomplete-suggestion li {
  color: #333 !important;
}

.el-autocomplete-suggestion {
  box-shadow: 0px 0px 8px rgba(#000, 0.3) !important;
}

.el-checkbox__inner {
  border: 1px solid #333 !important;
}

.el-checkbox__label {
  padding-left: 15px !important;
  color: #333 !important;
  font-weight: normal !important;
}

@import '~element-ui/packages/theme-chalk/src/button';
@import '~element-ui/packages/theme-chalk/src/input';
@import '~element-ui/packages/theme-chalk/src/radio';
@import '~element-ui/packages/theme-chalk/src/checkbox';
